<template>
<div class="page-path">

    <a href="/">
        首页
    </a>
    <i class=" icon iconfont icon-right"></i>
    <span>
        <slot></slot>
    </span>
    
</div>
</template>

<script lang='ts'>
import {Component, Vue, Prop} from 'vue-property-decorator';


@Component
export default class PagePath extends Vue{

    
    
}


</script>

<style scoped lang='less'>

.page-path{
  .max-page-width();
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 20*@rem 0;
  font-size: @fontSizeMd;
  color: @mainColor;

  a{
    color: @mainColor;
  }

  .icon{
      margin: 0 6*@rem;
  }

  span{
      cursor: default;
  }
}

</style>